{LAYOUT_CONTENT}
<script src="__PUBLIC__/Chart.min.js"></script>
<div class="ui two column stackable grid container">
	<!-- 访问统计 -->

	<div class="row">
		<h1 class="ui teal header">访问统计</h1>
	</div>
	<div class="column">
		<h2>月访问量统计</h2>
		<div>
			<canvas id="fangwen"></canvas>
		</div>

	</div>
	<div class="column">
		<h2>模块访问排行</h2>
		<div>
			<canvas id="mokuai"></canvas>
		</div>
	</div>

	<!-- 接口统计 -->
	<div class="row">
		<h1 class="ui teal header">接口统计</h1>
	</div>
	<div class="column">
		<h2>月访问量统计</h2>
		<div>
			<canvas id="capi"></canvas>
		</div>
	</div>
	<div class="column">
		<h2>模块访问排行</h2>
		<div>
			<canvas id="xapi"></canvas>
		</div>
	</div>

	<!-- 第三方统计 -->
	<div class="row">
		<h1 class="ui teal header">第三方统计</h1>
	</div>
	<div class="column">
		<h2>餐饮统计</h2>
		<div>
			<canvas id="canyin"></canvas>
		</div>
	</div>
	<div class="column">
		<h2>客房统计</h2>
		<div>
			<canvas id="kefang"></canvas>
		</div>
	</div>

</div>
<script>
	var randomScalingFactor = function() {
		return Math.round(Math.random() * 100)
	};
	var lineChartData = {
		labels : [ "January", "February", "March", "April", "May", "June",
				"July" ],
		datasets : [
				{
					label : "月访问量统计",
					fillColor : "rgba(220,220,220,0.2)",
					strokeColor : "rgba(220,220,220,1)",
					pointColor : "rgba(220,220,220,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(220,220,220,1)",
					data : [ randomScalingFactor(), randomScalingFactor(),
							randomScalingFactor(), randomScalingFactor(),
							randomScalingFactor(), randomScalingFactor(),
							randomScalingFactor() ]
				}, ]

	}
	var pieData = [ {
		value : 300,
		color : "#F7464A",
		highlight : "#FF5A5E",
		label : "会员"
	}, {
		value : 50,
		color : "#46BFBD",
		highlight : "#5AD3D1",
		label : "微网站"
	}, {
		value : 100,
		color : "#FDB45C",
		highlight : "#FFC870",
		label : "点餐"
	}, {
		value : 40,
		color : "#949FB1",
		highlight : "#A8B3C5",
		label : "客房"
	}, {
		value : 120,
		color : "#4D5360",
		highlight : "#616774",
		label : "其他"
	}

	];

	window.onload = function() {
		var fangwne = document.getElementById("fangwen").getContext("2d");
		window.myLine = new Chart(fangwne).Line(lineChartData, {
			responsive : true
		});
		var mokuai = document.getElementById("mokuai").getContext("2d");
		window.myLine = new Chart(mokuai).Pie(pieData, {
			responsive : true
		});
		var capi = document.getElementById("capi").getContext("2d");
		window.myLine = new Chart(capi).Line(lineChartData, {
			responsive : true
		});
		var xapi = document.getElementById("xapi").getContext("2d");
		window.myLine = new Chart(xapi).Line(lineChartData, {
			responsive : true
		});
		var canyin = document.getElementById("canyin").getContext("2d");
		window.myLine = new Chart(canyin).Line(lineChartData, {
			responsive : true
		});
		var kefang = document.getElementById("kefang").getContext("2d");
		window.myLine = new Chart(kefang).Line(lineChartData, {
			responsive : true
		});
	}
</script>
{/LAYOUT_CONTENT}
